/* The contents of this file were mostly written by Dr. Crenshaw*/
/* Modified to be a separate file by Chris Lewis on 9/15/2011 */
/* Additional styling added by Chris Lewis and Sam Burich on 9/15/2011 */
    html { 
        height: 100% 
    } 
    body { 
     	height: 100%; 
    	margin: 0; 
    	padding: 0; 
    	clear: both; 
    }
    h1 { 
    	text-align: center;
    }
/* the id selector (#) is used to specify a style for a single, unique element. It uses the id attribute of the HTML element */
    #wrap { 
    	height: 100%; 
    	width: 1000px; 
    	margin: 0 auto; 
    	border: thin solid #000000
    }

    #map_canvas {
        float: left;  
        width: 498px;
        height:50%;
        border: thin solid #000000;
    }
    #usmap_canvas {
    	float:right;
    	width: 498px;
    	height: 50%;
    	border: thin solid #000000;
    }
   
    #pie_canvas {
        float: left;  
        width: 498px;
        height:50%;
        border: thin solid #000000;
        background-color: green;
    }
/* the class selector (.) is used to specify a style for a group of elements */ 
    .slice text {
    	color:#FFFF00;
        font-size: 15pt;
        font-family: Arial;
 	}   
 	
 /* a class for our paragraph text in the pie chart container */
    .pieText {
        text-align: center;
        color: #FFF8DC;
    }
 	
    .info {
        float: right;  
        width: 498px;
        height:50%; 
        border: thin solid #000000;
    }
   	
    .label div {
        padding: 1px;
        margin-right: 20px;
        margin: 1px;
        font-size: 10pt;
    }
   
    .bar div {
        background-color: blue;
        text-align: right;
        padding: 1px;
        margin: 1px;
        color: black;
        font-size: 10pt;
        /* added clear: both; in order to prevent the bar chart bars from stacking on the same line */
        clear: both;
        height: 16px;
    }   
   
    .leftSide div {
        width: 200px;
        float: left;
    }
   
    .rightSide div {
        width: 150px;
        float: right;
    }
    .center div {
   	    margin-left: 50px;
   	    margin-right: 50px;
   	    float: right;
   	    border: thin solid #FFFFFF;
    }

